<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui" >

  <h:head>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <title>Login - Gestão de Rede Credenciada</title>

    <!-- Included CSS Files (Compressed) -->
    <link href="./css/bootstrap.css" rel="stylesheet"/>
    <link href="./css/bootstrap-responsive.css" rel="stylesheet"/>
    <link href="./css/bootstrap-overrides.css" rel="stylesheet"/>
    <link href="./css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet"/>
    <link href="./css/slate.css" rel="stylesheet"/>
    <link href="./css/components/signin.css" rel="stylesheet" type="text/css"/>
    
    <link rel="stylesheet" type="text/css" href="./resources/css/custom.css"/>

    <!-- Javascript -->
    <script src="./js/jquery-1.7.2.min.js"/>
    <script src="./js/jquery-ui-1.8.18.custom.min.js"/>
    <script src="./js/jquery.ui.touch-punch.min.js"/>
    <script src="./js/bootstrap.js"/>
    <script src="js/demos/signin.js"/>
  </h:head>

  <h:body>

    <div class="account-container login">
      <div class="content clearfix">

        <h:form id="formLogin">

          <h1>Identificação</h1>		

          <div class="login-fields">
            <p>Faça o login usando sua conta registrada:</p>

            <div class="field">
              <h:outputText value="Usuário:" />
              <p:inputText id="usuario" value="#{loginBean.usuario.nmLogin}" style="width: 257px" maxlength="64" 
                           required="true" label="Nome do usuário"/>
            </div> <!-- /field -->

            <div class="field">
              <h:outputText value="Senha:" />
              <p:password id="senha" value="#{loginBean.usuario.dsPassword}" feedback="false" style="width: 257px" maxlength="64" 
                          required="true" label="Senha"/>
            </div> <!-- /password -->
          </div> <!-- /login-fields -->
          
          <br></br>
          <div class="login-actions">
            <p:commandButton value="Acessar" ajax="false" action="#{loginBean.login()}"/>
          </div>
          
          <div class="login-actions">
            <span class="login-checkbox">
              <input id="Field" name="Field" type="checkbox" class="field login-checkbox" value="First Choice" tabindex="4" />
              <label class="choice" for="Field">Mantenha-me conectado</label>
            </span>
          </div> <!-- .actions -->
        </h:form>
      </div> 
    </div>

    <!-- Text Under Box -->
    <div class="login-extra">
      Não tenho uma conta de usuário. <a href="signup.html">Criar uma conta</a><br/>
      Esqueci minha senha. <a href="#">Reenviar senha</a>
    </div> <!-- /login-extra -->
    
  </h:body>
</html>